$(document).ready(function () {

    $('.top01_title2 .ttList_con').delay(2000).animate({
        width: "6.88rem"
    }, 500);

    // 限制字数
    // 输入内容时计算字数
    $('.nat_dxf_p .xy_text').keyup(textNum);
    // 获取输入焦点时计算字数
    $('.nat_dxf_p .xy_text').focus(textNum);

    // 计算字数的方法
    function textNum() {
        // 获取输入文字的长度
        var length = $(this).val().length;
        // console.log('length=' + length);

        // 当前输入文字总长度(一个中文字符是一个文字，两个英文字符是一个文字)
        var currentLength = 0;

        if (length >= 0) {
            for (var i = 0; i < length; i++) {
                if ($(this).val().charCodeAt(i) > 255) {
                    // 中文字符
                    currentLength += 1;
                } else {
                    // 英文字符
                    currentLength += 0.5;
                }
            }
            // console.log('currentLength=' + currentLength);
            var result = 80 - Math.ceil(currentLength);
            // console.log('result' + result);


            if (result > 0) {
                $('.nat_dxf_p .nat_dxf_ts').html('您还能输入<b style="color:#f35568;">' + result + '</b>个字');
            } else {
                $('.nat_dxf_p .nat_dxf_ts').html('您还能输入<b style="color:#555555;">' + 0 + '</b>个字');
                // 限制输入字数
                var num = $(".nat_dxf_p .xy_text").val().substr(0, 80);
                $(".nat_dxf_p .xy_text").val(num);

            }
        }
    }

    // xxf
    $('.nat_xxf').click(function () {
        $('.nat_dxf_b').text('修改');
        $(this).removeClass('xf_tada');
        $(this).removeClass('xf_zoomIn');
        $(this).addClass('xf_zoomOut');
        $('.nat_xxf_ywz').removeClass('xf_zoomIn');
        $('.nat_xxf_ywz').addClass('zoomOut');
        $('.nat_dxf').removeClass('xf_zoomOut');
        $('.nat_xxf_xian').css('display','none');
        setTimeout(function() {
            $('.nat_dxf').css('display', 'block');
            $('.nat_dxf').addClass('xf_zoomIn');
            $('.nat_xxf').css('display','none');
            $('.nat_xxf_ywz').removeClass('nat_xxf_ywz_show');
        }, 900);
        $('.nat_dxf').delay(1000).animate({
            top: "0",
            right: "0"
        }, 400, function () {
            $('.nat_dxf_tt').html('<img src="https://xqbstyle.oss-cn-hangzhou.aliyuncs.com/activity/nationalday/images/txt_title_01.png" alt="">');
            $('.nat_dxf').animate({
                height: "7.9rem"
            }, 400)
        })
    })


    // tips
    $('.toolTip_close i').click(function(){
        $('.toolTip').removeClass('toolTip_show');
    })
    $('.toolTip_b').click(function(){
        $('.toolTip').removeClass('toolTip_show');
    })
})